跳到主要内容

如何找到CSS选择器

最简单的获取网页某个区域的CSS选择器的方法,是通过谷歌Chrome浏览器。

  1. 如果您还没有安装谷歌Chrome浏览器,去这里下载并安装。

  2. 打开一个网页,同时按住Ctrl + Shift + C (Windows/Linux) / Command + Option+ C (Mac)。移动鼠标,让蓝色阴影区域覆盖您想检测网页变化的区域,然后点击鼠标左键。您会看到下方的代码区域内相对应的一段代码也加上了蓝色阴影。

  3. 在下方有蓝色阴影的代码区域内,点击鼠标右键,找到“复制”,找到“复制selector”,点击鼠标左键。

  4. 然后您就得到了CSS选择器,在剪贴板上。在网页变动检测系统内的创建任务页面的CSS选择器输入框内粘贴,即可。

如果您按了键盘的三个键,没有任何东西出现;或者没有键盘,看下面:

  1. 在Chrome浏览器内,点击鼠标右键,选择“检查”。( 或者,同时按住Ctrl + Shift + I (Windows/Linux) / Command + Option+ J (Mac)。)
  1. 找到这个有小箭头的小图标,点击鼠标左键。

  2. 然后您就可以回到第2步,继续,移动鼠标,让蓝色区域覆盖您想检测的区域。